*{margin: 0;padding: 0;}
a {text-decoration: none;color: #fff;}
ul {list-style-type: none;}
.flex { display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.content { width: 90%;margin: 0 auto;}
.contents {width: 80%;margin: 0 auto;}
.hide {display: block;}
.show {display: none;}
.show {display: block !important;}
#iphones {display: none;}
.tea-top {width: 100%;background-color: #313131;color: #fff;}
.tea-top .tea-cont .top-left {width: 30%;}
.tea-top .tea-cont .top-left h1 {font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;}
.tea-top .tea-cont ul {width: 40%;}
.tea-top .tea-cont ul .active {background-color: #fff;color: black;}
.tea-top .tea-cont ul li {width: 18%;}
.tea-top .tea-cont ul li a {display: block;width: 100%;line-height: 40px;text-align: center;}
.tea-top .tea-cont ul li a:hover {background-color: #fff;color: black;}
.tea-top .more {position: absolute;top: 3px;right: 6%;width: 30px;height: 30px;display: none;}
.tea-top .iphone {background-color: #fff;position: absolute;top: 40px;right: 6%;z-index: 999;width: 150px;}
.tea-top .iphone li a {display: block;line-height: 30px;text-align: center;color: black !important;}
.tea-top .iphone li a:hover {background-color: #313131;color: #fff;}
.tea-top .iphone .actives {background-color: #313131;color: #fff !important;}

.banner img{display: block;width: 100%;}
.centerOne{width: 90%;margin: 20px auto;text-align: center;}
.centeroneTitle{font-size: 30px;margin: 20px;}
.centeroneBottom{position: relative;}
.centeroneBottoms{line-height: 32px;font-size: 14px;margin: 0 auto;background: url(../../img/q4.png) no-repeat;background-size: 70%;background-position: center;padding: 80px 0 0 0;box-sizing: border-box;height: 400px;}
.text{margin-top: 20px;}
.centerTwo{background-color: #F1F1F1;position: relative;padding: 60px 0;}
.centerTwo img{display: block;}
.imgs{position: absolute;bottom: 0;width: 20%;}
.centertwosLeft{width: 55%;}
.centerTwos{width: 58%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.img2{width: 55%;margin-bottom: 20px;}
.centertwosLeft>p{font-size: 13px;line-height: 35px;}
.centertwosRight{width: 40%;}
.centertwosRight>img{width: 100%;}
.centers{}
.centerThree{width: 60%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;position: relative;top: -30px;}
.centerthreeLeft{width: 45%;}
.centerthreeLeft>img{display: block;width: 100%;}
.centerthreeRight p{line-height: 35px;}
.centerthreeRight{width: 45%;}
.text2{font-size: 36px;margin-bottom: 20px;}

.tea-bottom {width: 100%;background-color: #303030;color: #fff;}
.tea-bottom .bottom-cont {padding: 30px 0;box-sizing: border-box;line-height: 30px;text-align: center;}
.tea-bottom .bottom-cont div {width: 32%;color: #aeaeae;}
.tea-bottom .bottom-cont ul {width: 32%;}
.tea-bottom p {text-align: right;width: 80%;margin: 0 auto;line-height: 35px;}


@media screen and (max-width:1024px){
    .tea-top .tea-cont ul {display: none;}
    .tea-top .more {display: block;}
    .centerOne{width: 100%;}
    .centeroneBottoms{background-size: 95%;}
    .centertwosLeft>p{font-size: 13px;line-height: 35px;}
}